<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>首页</title>
		<meta name="keywords" content="" />
		<meta name="description" content="" />
		<meta name="viewport" content="width=device-width,user-scalable=no" />
		<link rel="stylesheet" type="text/css" href="css/index.css" />
		<link rel="stylesheet" type="text/css" href="css/iconfont.css" />

	</head>

	<body>
		<div class="web">
			<!--头部S-->
			<header class="clearfix">
				<div class="fl header_logo">
					<a href="details.html">
						<img src="img/logo.png" />
					</a>
				</div>
				<div class="fr ctiy">
					<select name="ctiy">
						<option value="1">广州</option>
						<option value="2">1111</option>
					</select>
				</div>
				<div class="search">
					<input class="" type="text" placeholder="请输入商品名称" />
					<input class="" type="button" />
					<i class="iconfont icon-fangdajing"></i>
				</div>
			</header>
			<!--头部E-->
			<!--中间S-->
			<main>
				<div class="datu"><img src="img/lun.png" /></div>
				<div class="privilege clearfix">
					<div class="privilege_1 fl">
						<img src="img/youhui.png" />
						<span class="ty">优惠团购</span>
					</div>
					<div class="privilege_2 fr">
						<a href="#">
							<span>更多</span>
							<img src="img/gengduo.png" />
						</a>
					</div>
				</div>
				<!--四张图片-->
				<div class="tr clearfix">
					<div class="tr_1 fl">
						<a href="#">
							<img src="img/piao_1.png" />
						</a>
					</div>
					<div class="tr_2 fr">
						<a href="#">
							<img src="img/piao_2.png" />
						</a>
					</div>
					<div class="tr_3 fl">
						<a href="#">
							<img src="img/piao_3.png" />
						</a>
					</div>
					<div class="tr_4 fr">
						<a href="#">
							<img src="img/piao_4.png" />
						</a>
					</div>
				</div>
				<div class="wj clearfix">
					<div class="se fl">
						<span><img src="img/xin.png"/></span>
						<span class="se_1">猜你喜欢</span>
					</div>
					<div class="sf fr">
						<span>更多</span>
						<span><img src="img/gengduo.png"/></span>
					</div>
				</div>
				<div class="sushi clearfix">
					<div class="fl"><img src="img/wansuishousi.png" /></div>
					<div class="sushi_1 fl">
						<p class="max">
							<span class="max_1">万岁寿司（正佳店）</span>
							<span class="max_2"><100m</span>
						</p>
						<p class="mac">
							<span>[100店通用]</span>
							<span>双人套餐</span>
						</p>
						<p class="mab">
							<span class="mab_1">￥88.00</span>
							<span class="mab_2">已售1000</span>
						</p>
					</div>
				</div>
				<div class="sushi clearfix">
					<div class="fl"><img src="img/zhuheiya.png" /></div>
					<div class="sushi_1 fl">
						<p class="max">
							<span class="max_1">万岁寿司（正佳店）</span>
							<span class="max_2"><100m</span>
						</p>
						<p class="mac">
							<span>[100店通用]</span>
							<span>双人套餐</span>
						</p>
						<p class="mab">
							<span class="mab_1">￥88.00</span>
							<span class="mab_2">已售1000</span>
						</p>
					</div>
				</div>
			</main>
			<!--中间E-->
			<!--尾部S-->
			<footer>
				<ul class="cleafix">
					<li class="fl">
						<a href="">
							<span><img src="img/shouye.png" /></span>
							<div>首页</div>
						</a>

					</li>
					<li class="fl">
						<a href="classify.html">
							<span><img src="img/fenlei.png" /></span>
							<div>分类</div>
						</a>
					</li>
					<li class="fl">
						<a href="find.html">
							<span><img src="img/faxian.png" /></span>
							<div>发现</div>
						</a>

					</li>
					<li class="fl">
						<a href="my.html">
							<span><img src="img/wode.png" /></span>
							<div>我的</div>
						</a>

					</li>
				</ul>
			</footer>
			<!--尾部E-->
		</div>
		<script src="js/rem.js" type="text/javascript" charset="utf-8"></script>
	</body>

</html>